<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Admin Template by www.865171.cn</title>
        <meta name="description" content="Administry - Admin Template by www.865171.cn" />
        <meta name="keywords" content="Admin,Template" />
        <!-- We need to emulate IE7 only when we are to use excanvas -->
        <!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
        <![endif]-->
        <!-- Favicons --> 
        <link rel="shortcut icon" type="image/png" HREF="img/favicons/favicon.png"/>
        <link rel="icon" type="image/png" HREF="img/favicons/favicon.png"/>
        <link rel="apple-touch-icon" HREF="img/favicons/apple.png" />
        <!-- Main Stylesheet --> 
        <link rel="stylesheet" href="css/style.css" type="text/css" />
        <!-- Colour Schemes
        Default colour scheme is blue. Uncomment prefered stylesheet to use it.
        <link rel="stylesheet" href="css/brown.css" type="text/css" media="screen" />  
        <link rel="stylesheet" href="css/gray.css" type="text/css" media="screen" />  
        <link rel="stylesheet" href="css/green.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/pink.css" type="text/css" media="screen" />  
        <link rel="stylesheet" href="css/red.css" type="text/css" media="screen" />
        -->
        <!-- Your Custom Stylesheet --> 
        <link rel="stylesheet" href="css/custom.css" type="text/css" />
        <!--swfobject - needed only if you require <video> tag support for older browsers -->
        <script type="text/javascript" SRC="js/swfobject.js"></script>
        <!-- jQuery with plugins -->
        <script type="text/javascript" SRC="js/jquery-1.4.2.min.js"></script>
        <!-- Could be loaded remotely from Google CDN : <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> -->
        <script type="text/javascript" SRC="js/jquery.ui.core.min.js"></script>
        <script type="text/javascript" SRC="js/jquery.ui.widget.min.js"></script>
        <script type="text/javascript" SRC="js/jquery.ui.tabs.min.js"></script>
        <!-- jQuery tooltips -->
        <script type="text/javascript" SRC="js/jquery.tipTip.min.js"></script>
        <!-- Superfish navigation -->
        <script type="text/javascript" SRC="js/jquery.superfish.min.js"></script>
        <script type="text/javascript" SRC="js/jquery.supersubs.min.js"></script>
        <!-- jQuery form validation -->
        <script type="text/javascript" SRC="js/jquery.validate_pack.js"></script>
        <!-- jQuery popup box -->
        <script type="text/javascript" SRC="js/jquery.nyroModal.pack.js"></script>
        <!-- jQuery graph plugins -->
        <!--[if IE]><script type="text/javascript" src="js/flot/excanvas.min.js"></script><![endif]-->
        <script type="text/javascript" SRC="js/flot/jquery.flot.min.js"></script>
        <!-- Internet Explorer Fixes --> 
        <!--[if IE]>
        <link rel="stylesheet" type="text/css" media="all" href="css/ie.css"/>
        <script src="js/html5.js"></script>
        <![endif]-->
        <!--Upgrade MSIE5.5-7 to be compatible with MSIE8: http://ie7-js.googlecode.com/svn/version/2.1(beta3)/IE8.js -->
        <!--[if lt IE 8]>
        <script src="js/IE8.js"></script>
        <![endif]-->
        <script type="text/javascript">
            $(document).ready(function(){
	
                /* setup navigation, content boxes, etc... */
                Administry.setup();
	
                /* progress bar animations - setting initial values */
                Administry.progress("#progress1", 1, 5);
                Administry.progress("#progress2", 2, 5);
                Administry.progress("#progress3", 2, 5);

                /* flot graphs */
                var sales = [{
                        label: 'Total Paid',
                        data: [[1, 0],[2,0],[3,0],[4,0],[5,0],[6,0],[7,900],[8,0],[9,0],[10,0],[11,0],[12,0]]
                    },{
                        label: 'Total Due',
                        data: [[1, 0],[2,0],[3,0],[4,0],[5,0],[6,422.10],[7,0],[8,0],[9,0],[10,0],[11,0],[12,0]]
                    }
                ];

                var plot = $.plot($("#placeholder"), sales, {
                    bars: { show: true, lineWidth: 1 },
                    legend: { position: "nw" },
                    xaxis: { ticks: [[1, "Jan"], [2, "Feb"], [3, "Mar"], [4, "Apr"], [5, "May"], [6, "Jun"], [7, "Jul"], [8, "Aug"], [9, "Sep"], [10, "Oct"], [11, "Nov"], [12, "Dec"]] },
                    yaxis: { min: 0, max: 1000 },
                    grid: { color: "#666" },
                    colors: ["#0a0", "#f00"]			
                });


            });
        </script>
    </head>
    <body>
        <!-- Header -->
        <header id="top">
            <div class="wrapper">
                <!-- Title/Logo - can use text instead of image -->
                <div id="title"><img SRC="img/logo.png" alt="Administry" /><!--<span>Administry</span> demo--></div>
                <!-- Top navigation -->
                <div id="topnav">
                    <a href="#"><img class="avatar" SRC="img/user_32.png" alt="" /></a>
                    Logged in as <b>Admin</b>
                    <span>|</span> <a href="#">Settings</a>
                    <span>|</span> <a href="#">Logout</a><br />
                    <small>You have <a href="#" class="high"><b>1</b> new message!</a></small>
                </div>
                <!-- End of Top navigation -->
                <!-- Main navigation -->
                <nav id="menu">
                    <ul class="sf-menu">
                        <li class="current"><a HREF="dashboard.html">Dashboard</a></li>
                        <li>
                            <a HREF="styles.html">Styles</a>
                            <ul>
                                <li>
                                    <a HREF="styles.html">Basic Styles</a>
                                </li>
                                <li>
                                    <a href="#">Sample Pages...</a>
                                    <ul>
                                        <li><a HREF="samples-files.html">Files</a></li>
                                        <li><a HREF="samples-products.html">Products</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a HREF="tables.html">Tables</a></li>
                        <li><a HREF="forms.html">Forms</a></li>	
                        <li><a HREF="graphs.html">Graphs</a></li>	
                    </ul>
                </nav>
                <!-- End of Main navigation -->
                <!-- Aside links -->
                <aside><b>English</b> &middot; <a href="#">Spanish</a> &middot; <a href="#">German</a></aside>
                <!-- End of Aside links -->
            </div>
        </header>
        <!-- End of Header -->
        <!-- Page title -->
        <div id="pagetitle">
            <div class="wrapper">
                <h1>Dashboard</h1>
                <!-- Quick search box -->
                <form action="" method="get"><input class="" type="text" id="q" name="q" /></form>
            </div>
        </div>
        <!-- End of Page title -->

        <!-- Page content -->
        <div id="page">
            <!-- Wrapper -->
            <div class="wrapper">
                <!-- Left column/section -->
                <section class="column width6 first">

                    <div class="colgroup leading">
                        <div class="column width3 first">
                            <h3>Welcome back, <a href="#">Admin</a></h3>
                            <p>
                                You are currently signed up to the <b>Free Trial Plan</b>.<br /><a href="#">Upgrade now?</a>
                            </p>
                        </div>
                        <div class="column width3">
                            <h4>Last login</h4>
                            <p>
                                Monday July 12th, 2010 at 11:32am from 127.0.0.1<br />
                                No error login attempts.
                            </p>
                        </div>
                    </div>

                    <div class="colgroup leading">
                        <div class="column width3 first">
                            <h4>Invoices: <a href="#">10</a></h4>
                            <hr/>
                            <table class="no-style full">
                                <tbody>
                                    <tr>
                                        <td>Total Invoices</td>
                                        <td class="ta-right"><a href="#">10</a></td>
                                        <td class="ta-right">1,322.10 &euro;</td>
                                    </tr>
                                    <tr>
                                        <td>Total Paid</td>
                                        <td class="ta-right"><a href="#">9</a></td>
                                        <td class="ta-right">900.00 &euro;</td>
                                    </tr>
                                    <tr>
                                        <td>Total Due</td>
                                        <td class="ta-right"><a href="#">1</a></td>
                                        <td class="ta-right">422.10 &euro;</td>
                                    </tr>
                                    <tr>
                                        <td>Total Overdue</td>
                                        <td class="ta-right">0</td>
                                        <td class="ta-right">0.00 &euro;</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="column width3">
                            <h4>Sales: <a href="#">1</a></h4>
                            <hr/>
                            <table class="no-style full">
                                <tbody>
                                    <tr>
                                        <td>Clients This Month</td>
                                        <td class="ta-right"><a href="#">1</a></td>
                                        <td class="ta-right"></td>
                                    </tr>
                                    <tr>
                                        <td>Sales This Month</td>
                                        <td class="ta-right"><a href="#">9</a></td>
                                        <td class="ta-right">900.00 &euro;</td>
                                    </tr>
                                    <tr>
                                        <td>Clients Total</td>
                                        <td class="ta-right"><a href="#">5</a></td>
                                        <td class="ta-right"></td>
                                    </tr>
                                    <tr>
                                        <td>Sales Total</td>
                                        <td class="ta-right"><a href="#">9</a></td>
                                        <td class="ta-right">900.00 &euro;</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="colgroup leading">
                        <div class="column width3 first">
                            <h4>Client Stats</h4>
                            <hr/>
                            <table class="no-style full">
                                <tbody>
                                    <tr>
                                        <td>Active</td>
                                        <td class="ta-right">1/5</td>
                                        <td><div id="progress1" class="progress full progress-green"><span><b></b></span></div></td>
                                    </tr>
                                    <tr>
                                        <td>Pending</td>
                                        <td class="ta-right">2/5</td>
                                        <td><div id="progress2" class="progress full progress-blue"><span><b></b></span></div></td>
                                    </tr>
                                    <tr>
                                        <td>Suspended</td>
                                        <td class="ta-right">2/5</td>
                                        <td><div id="progress3" class="progress full progress-red"><span><b></b></span></div></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="column width3">
                            <h4>Reports</h4>
                            <hr/>
                            <p><b>Sales this year</b></p>
                            <div id="placeholder" style="height:100px"></div>
                        </div>
                    </div>
                    <div class="clear">&nbsp;</div>

                </section>
                <!-- End of Left column/section -->

                <!-- Right column/section -->
                <aside class="column width2">
                    <div id="rightmenu">
                        <header>
                            <h3>Your Account</h3>
                        </header>
                        <dl class="first">
                            <dt><img width="16" height="16" alt="" SRC="img/key.png"></dt>
                            <dd><a href="#">Administry (admin)</a></dd>
                            <dd class="last">Free Account.</dd>

                            <dt><img width="16" height="16" alt="" SRC="img/help.png"></dt>
                            <dd><a href="#">Support</a></dd>
                            <dd class="last">Documentation and FAQ</dd>
                        </dl>
                    </div>
                    <div class="content-box">
                        <header>
                            <h3>Latest in the Community</h3>
                        </header>
                        <section>
                            <dl>
                                <dt>Maximize every interaction with a client</dt>
                                <dd><a href="#">Read more</a></dd>
                                <dt>Diversification for Small Business Owners</dt>
                                <dd><a href="#">Read more</a></dd>
                            </dl>
                        </section>
                    </div>
                </aside>
                <!-- End of Right column/section -->

            </div>
            <!-- End of Wrapper -->
        </div>
        <!-- End of Page content -->

        <!-- Page footer -->
        <footer id="bottom">
            <div class="wrapper">
                <nav>
                    <a href="#">Dashboard</a> &middot;
                    <a href="#">Content</a> &middot;
                    <a href="#">Reports</a> &middot;
                    <a href="#">Users</a> &middot;
                    <a href="#">Media</a> &middot;
                    <a href="#">Events</a> &middot;
                    <a href="#">Newsletter</a> &middot;
                    <a href="#">Settings</a>
                </nav>
                <p>Copyright &copy; 2010 <b><a HREF="http://www.865171.cn" title="www.865171.cn">www.865171.cn</a></b> | Icons by <a HREF="http://www.865171.cn">865171.cn</a></p>
            </div>
        </footer>
        <!-- End of Page footer -->

        <!-- Animated footer -->
        <footer id="animated">
            <ul>
                <li><a href="#">Dashboard</a></li>
                <li><a href="#">Content</a></li>
                <li><a href="#">Reports</a></li>
                <li><a href="#">Users</a></li>
                <li><a href="#">Media</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Newsletter</a></li>
                <li><a href="#">Settings</a></li>
            </ul>
        </footer>
        <!-- End of Animated footer -->

        <!-- Scroll to top link -->
        <a href="#" id="totop">^ scroll to top</a>

        <!-- Admin template javascript load -->
        <script type="text/javascript" SRC="js/administry.js"></script>
    </body>
</html>